@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0 none; outline:0 none; font-size:100%; vertical-align:top; background:none repeat scroll 0 0 transparent; }
body { line-height:1; }
img,table { max-width:100%; }
a { color:#1223cc; }
a:hover { text-decoration:none; }
body { font-family:"PT Sans",sans-serif; font-size:62.5%; }
.container { width:990px; position:relative; margin:0 auto; }
.header { position:relative; padding-top:32px; height:122px; }
.header .logo { display:block; }
.header .date-now { position:absolute; right:38px; top:5px; font-weight:700; font-size:15px; }
.content { background:none repeat scroll 0 0 #fff; border-radius:10px; margin:0 0 15px; overflow:hidden; padding:20px; }
.sidebar { float:right; font-size:14px; line-height:1.2; position:relative; top:-95px; }
.itemfirst { width:249px; padding:12px; background:none repeat scroll 0 0 #f1f1f1; border:1px solid #e1e1e1; float:left; }
.sidebar .author { overflow:hidden; padding:0 0 15px; }
.sidebar .author h3 { margin:0; text-decoration:underline; }
.sidebar .author img { float:right; }
.sidebar .author ul { position:relative; top:21px; margin:0; font-weight:700; padding:0 0 0 15px; overflow:hidden; }
.text { width:655px; float:left; font-size:15px; line-height:1.2; text-align:justify; padding:0 15px 0 0; }
.content h1 { font-size:33px; width:655px; margin:0 0 25px; text-align:left; }
.content h3 { font-size:17px; margin:15px 0 10px; }
.content p { margin:0 0 15px; }
.content img { margin:10px 0; }
#comments h1 { color:#c00; margin:40px 0 5px; }
#comments .descrip { margin:0 0 25px; }
.comment { padding:15px 0; border-top:1px solid #e8e8e8; }
.comment .text1 { font-size:14px; font-weight:700; }
.comment .text2 { font-size:12px; float:right; color:#888; }
.comment .text3 { font-size:13px; padding:10px 0 0; }
.footer { margin:0 0 25px; background:none repeat scroll 0 0 #fff; border-radius:10px; padding:15px; font-size:12px; color:#777; }
.casebut { width:100%; float:left; position:relative; padding:20px 0; margin-top:30px; }
.casebut:after { visibility:hidden; content:" "; width:80px; height:72px; float:left; background:url(../img/angel.png)no-repeat; position:absolute; left:50%; margin-left:-40px; background-size:contain; top:20px; z-index:-1; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.casebut a { width:380px; max-width:100%; margin:0 auto; display:block; padding:10px 15px; opacity:1; text-align:center; color:#fff; border-radius:5px; box-shadow:0 2px 6px rgba(0,0,0,.3); font-size:18px; text-decoration:none; background:#f85032; background:-webkit-linear-gradient(bottom,#f85032,#f16f5c); background:-o-linear-gradient(bottom,#f85032,#f16f5c); background:-moz-linear-gradient(bottom,#f85032,#f16f5c); background:linear-gradient(to top,#f85032,#f16f5c); }
.casebut a:hover { background:#f16f5c; }
.casebut:hover:after { visibility:visible; top:-51px; }

.sidebar .itemfirst{display: none;}
@media screen and (max-width: 999px) {
    .container { width:760px; position:relative; margin:0 auto; }
    .mob780 { display:block!important; }
    .dec { display:none!important; }
    .content h1 { font-size:28px; width:auto; margin:0 0 25px; text-align:left; }
    .text { width:720px; float:left; font-size:15px; line-height:1.2; text-align:justify; padding:0; }
    .sidebar { position:inherit;width:100% }
    .sidebar .itemfirst{width:100%;display: none;}
    .content h1 { margin-bottom:0; }
}


@media screen and (max-width: 779px) {
    .container { width:460px; position:relative; margin:0 auto; }
    .mob480 { display:block!important; }
    .mob780 { display:none!important; }
    .content h1 { font-size:28px; width:auto; text-align:left; }
    .text { width:420px; float:none; font-size:15px; line-height:1.2; text-align:justify; padding:0; }
    .sidebar { display:none; }
}


@media screen and (max-width: 479px) {
    .container { width: 100%; position:relative; margin:0 auto; }
    .mob320 { display:block!important; }
    .mob480 { display:none!important; }
    .content h1 { font-size:28px; width:auto; text-align:left; }
    .text { width:100%; float:left; font-size:15px; line-height:1.2; text-align:justify; padding:0; }
    .sidebar { display:none; }
    .header { position:relative; padding-top:12px; height:auto; }
    .content h1 { font-size:22px; width:auto; text-align:center; }
    img.newImg320 { height:auto!important; width:100%!important; }
    .container { width: 100%; position:relative; margin:0 auto; }
    .mob240 { display:block!important; }
    .mob320 { display:none!important; }
    .content h1 { font-size:28px; width:auto; text-align:left; }
    .text { width:100%; float:left; font-size:15px; line-height:1.2; text-align:justify; padding:0; }
    .sidebar { display:none; }
    .header { position:relative; padding-top:12px; height:auto; }
    .content h1 { font-size:22px; width:auto; text-align:center; }
    img.newImg320 { height:auto!important; width:100%!important; }
    .content { padding:10px; }
    .content p { margin:0; }
}